@import '~igniteui-angular/lib/core/styles/themes/schemas/light/button';
////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
////


/// Generates a dark button schema.
/// @type {Map}
/// @prop {Map} flat-hover-background [igx-color: ('secondary', 500), rgba: .12 ] - The hover background color of a flat button.
/// @prop {Map} flat-focus-background [igx-color: ('secondary', 400), rgba: .24] - The focus background color of a flat button.
/// @prop {Map} icon-hover-background [igx-color: ('grays', 300)] - The hover background color of an icon button.
/// @prop {Map} disabled-background [igx-color: ('grays', 200)] - The disabled background color of raised, fab, or icon buttons.
/// @requires extend
/// @requires $_light-button
/// @see $default-palette
$_dark-button: extend(
    $_light-button,
    (
        flat-hover-background: (
            igx-color: ('secondary', 500),
            rgba: .12
        ),

        flat-focus-background: (
            igx-color: ('secondary', 400),
            rgba: .24
        ),

        icon-hover-background: (
            igx-color: ('grays', 300)
        ),

        disabled-background: (
            igx-color: ('grays', 200)
        )
    )
);

/// Generates a dark fluent button schema.
/// @type {Map}
/// @prop {Map} flat-icon-color [igx-color: ('primary', 200)] - The icon color of a flat button.
/// @prop {Map} flat-hover-icon-color [igx-color: ('primary', 200)] - The icon color of a flat button on hover.
/// @prop {Map} flat-focus-icon-color [igx-color: ('primary', 200)] - The icon color of a flat button on focus.
/// @prop {Map} flat-hover-text-color [igx-color: ('primary', 200)] - The text color of a flat button on hover.
/// @requires extend
/// @requires $_fluent-button
$_dark-fluent-button: extend(
    $_fluent-button,
    (
        flat-icon-color:  (
            igx-color: ('primary', 200)
        ),

        flat-hover-icon-color:  (
            igx-color: ('primary', 200)
        ),

        flat-focus-icon-color:  (
            igx-color: ('primary', 200)
        ),

        flat-hover-text-color: (
            igx-color: ('primary', 200)
        ),
    )
);

/// Generates a dark bootstrap button schema.
/// @type {Map}
/// @requires extend
/// @requires $_bootstrap-button
$_dark-bootstrap-button: extend(
    $_bootstrap-button,
    (
        disabled-color: (
            igx-color: ('primary', 900),
        ),

        disabled-background: (
            igx-color: ('primary', 900),
            darken: 5%
        ),

        outlined-disabled-outline-color: (
            igx-color: ('primary', 900),
            darken: 5%
        ),
    )
);
